.about .about-topbody, p, h1, h2, h3, h4, h5, h6, li, span, i, ul, img, a, strong, input {
    margin: 0;
    padding: 0;
    font-family: "microsoft yahei";
}

body {
    font-size: 14px;
    margin: 0px;
}

li {
    list-style-type: none;
    float: left;
}

a {
    text-decoration: none;
    outline: none;
    color: #666;
}

th, td {
    padding: 0;
}

table {
    border-collapse: collapse;
}

img {
    border: none;
}

i {
    font-style: normal
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

input, select, textarea {
    outline: none;
    text-indent: 6px;
}

textarea {
    resize: none;
}

div {
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.wid {
    width: 1200px;
}

.wid1 {
    width: 1200px;
    height: 55px;
}

.wid2 {
    width: 1200px;
    height: 55px;
}

.wid3 {
    width: 1200px;
    height: 500px;
}

.wid1 h6 {
    margin-top: -41px;
    height: 25px;
    font-size: 14px;
    color: #7c7c7c;
}

.wid2 h6 {
    margin-top: -55px;
    height: 25px;
    font-size: 14px;
    color: #7c7c7c;
}

.top {
    width: 100%;
    height: 28px;
    background: url(/style/images/back1.jpg) no-repeat;
}

.navi {
    width: 1200px;
    display: table;
    height: 105px;
}

.navi h6 {
    float: left;
    width: 455px;
    height: 48px;

    margin-right: 2px;
}

.navi h6 a {
    float: left;
    font-size: 15px;
    color: #7c7c7c;
    height: 28px;
    margin-right: 2px;
    margin-top: 31px;

}

.navi h6 a b {
    line-height: 30px;
    font-size: 23px;
    color: #45a1db;
}

.navi1 {
    width: 1200px;
    display: table;
    height: 105px;
}

.navi1 h6 {
    float: left;
    width: 510px;
    height: 48px;

    margin-right: 2px;
}

.navi1 h6 a {
    float: left;
    font-size: 15px;
    color: #7c7c7c;
    height: 28px;
    margin-right: 2px;
    margin-left: 13px;
    margin-top: 31px;

}

.navi1 h6 a b {
    line-height: 30px;
    font-size: 23px;
    color: #45a1db;
}

.navi .tabCity {
    margin-left: 185px;
    height: 26px;
    margin-top: 0px;
    position: relative;
    width: 130px;
}

.navi .tabCity select {
    width: 120px;
    height: 26px;
    border-radius: 5px;
}

.navi ul {
    float: right;
    width: 680px;
    margin-top: 41px;
}

.navi ul li {
    font-size: 15px;
    color: #7c7c7c;
    float: left;
    margin-left: 30px;
    line-height: 57px;
}

.navi ul li:hover {
    color: #45a1db;
    border-bottom: 3px solid #45a1db;
}

.navi1 ul {
    float: right;
    width: 680px;
    margin-top: 41px;
}

.navi1 ul li {
    font-size: 15px;
    color: #7c7c7c;
    float: left;
    margin-left: 35px;
    line-height: 57px;
}

.navi1 ul li:hover {
    color: #45a1db;
    border-bottom: 3px solid #45a1db;
}

.large {
    width: 100%;
    height: 670px;
    display: table;
}

.banner {
    height: 600px;
    width: 100%;
    position: relative;
    background: #ccc;
}

.banner .bann {
    width: 100%;
    height: 100%;
}

.banner .bann ul {
    width: 100%;
    height: 100%;
}

.banner .bann ul li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.banner .bann ul li a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.banner .prev, .banner .next {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -30px;
    left: 15%;
    z-index: 1;
    width: 40px;
    height: 60px;
    background: url(/style/images/slider-arrow.png) -126px -137px no-repeat;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
}

.banner .next {
    left: auto;
    right: 15%;
    background-position: -6px -137px;
}

.large h6 {
    margin-left: 104px;
    width: 1030px;
    margin-top: 164px;
    margin-bottom: 46px;
}

.large h6 span {
    display: block;
    width: 100%;
    font-size: 56px;
    line-height: 56px;
    color: #000000;
    margin-bottom: 10px;
}

.large h6 i {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #808384;
    font-weight: bold;
    letter-spacing: 2px;
}

.large h5 {
    width: 34px;
    height: 1px;
    background: #6a6b6f;
    margin-bottom: 11px;
    margin-left: 104px;
}

.large h4 {
    margin-left: 104px;
    font-size: 18px;
    line-height: 36px;
    color: #808384;
}

.healthy {
    display: table;
    height: 307px;
    background: #fff;
    margin-top: -195px;
    position: relative;
    z-index: 12;
}

.healthy ul {
    width: 100%;
    display: table;
    margin-top: 5px;
}

.healthy ul li {
    width: 390px;
    height: 239px;
    float: left;
    background: #EEEEEE;
    margin: 0 5px;
}

.healthy ul li h6 {
    height: 94px;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 25px;
}

.healthy ul li h6 img {
    display: block;
    margin: 0 auto;
}

.healthy ul li h6 .img2 {
    display: none;
}

.healthy ul li h5 {
    width: 100%;
    line-height: 20px;
    text-align: center;
    color: #333;
    margin-bottom: 20px;
    font-size: 23px;
}

.healthy ul li h4 {
    text-align: center;
    font-size: 15px;
    line-height: 20px;
    color: #737373;
    padding: 0 45px;
}

.healthy ul li:hover {
    background: #45a1db;
}

.healthy ul li:hover h6 .img1 {
    display: none;
}

.healthy ul li:hover h6 .img2 {
    display: block;
}

.healthy ul li:hover h5 {
    color: #fff;
}

.healthy ul li:hover h4 {
    color: #fff;
}

.tion {
    display: table;
    margin-bottom: 60px;
}

.tion .tion-top {
    height: 116px;
    width: 100%;
}

.tion .tion-top h6 {
    font-size: 24px;
    line-height: 24px;
    color: #000;
    margin-bottom: 17px;
    text-align: center;
}

.tion .tion-top h5 {
    font-size: 17px;
    line-height: 17px;
    color: #333;
    text-align: center;
    margin-bottom: 23px;
}

.tion .tion-top p {
    text-align: left;
    width: 1160px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 24px;
    color: #737373;
}

.tion .tion-midd {
    height: 770px;
    width: 100%;
    position: relative;
}

.tion .tion-midd .doui {
    float: right;
    width: 474px;
    height: 770px;
    background: url(/style/images/zx5.png) no-repeat;
    margin-right: 11px;
    display: table;
}

.tion .tion-midd .doui ul {
    margin-top: 115px;
    width: 233px;
    float: right;
    border-left: 1px solid #58565b;
    height: 506px;
    margin-right: 18px;
}

.tion .tion-midd .doui ul li {
    width: 100%;
    height: 84px;
    line-height: 84px;
    font-size: 17px;
    color: #000;
    text-indent: 41px;
    position: relative;
    z-index: 10;
}

.tion .tion-midd .doui ul .acti:after {
    content: "";
    width: 277px;
    height: 84px;
    position: absolute;
    top: 0px;
    left: -12px;
    z-index: -1;
}

.tion .tion-midd .doui ul .acti:after {
    background: #45a1db;
}

.tion .tion-midd .doui ul .acti {
    color: #fff;
}

.tion .tion-midd .doui ul .acti a {
    color: #fff;
}

.tion .tion-midd .doui-lft {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 884px;
    height: 770px;
    display: table;
}

.tion .tion-midd .doui-lft img {
    margin-top: 87px;
    display: block;
    width: 884px;
    height: 557px;
    margin-bottom: 30px;
}

.tion .tion-midd .doui-lft p {
    width: 639px;
    font-size: 15px;
    line-height: 24px;
    color: #666;;
}

.tion .tion-midd .doui-lft p b {
    width: 639px;
    font-size: 15px;
    line-height: 24px;
    color: #333;;
}

.tion2 {
    width: 100%;
    height: 430px;
    margin-bottom: 0;
    position: relative;
}

.tion2 .tion-top {
    height: 105px;
}

.tion2 .kins {
    width: 1350px;
    border-right: 1px solid #f4f9fd;
    border-left: 1px solid #f4f9fd;
    height: 559px;
    position: absolute;
    top: 205px;
    left: 50%;
    margin-left: -705px;
    background: #fff;
}

.scroll {
    position: relative;
    width: 1200px;
    margin-top: 160px;
}

.scroll .pos {
    position: absolute;
    top: 180px;
    cursor: pointer;
}

.scroll .prev {
    left: -25px;
}

.scroll .next {
    right: 25px;
}

.scroll .layout {
    width: 1100px;
    margin-left: 26px;
    height: 162px;
}

.scroll .layout ul {
    display: table;
}

.scroll .layout ul li {
    margin-left: 9px;
    width: 357px;
    height: 372px;
    position: relative;
}

.scroll .layout ul li .pict {
    display: table;
    width: 313px;
    height: 204px;
    margin-top: 12px;
    margin-bottom: 21px;
}

.scroll .layout ul li .pict img {
    display: block;
    width: 100%;
}

.scroll .layout ul li h6 {
    margin: 0 auto;
    width: 317px;
    margin-left: 18px;
    font-size: 17px;
    line-height: 17px;
    letter-spacing: 1px;
    margin-bottom: 14px;
}

.scroll .layout ul li p {
    margin: 0 auto;
    width: 317px;
    margin-left: 18px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    color: #5e5e5e;
    height: 45px;
}

.scroll .layout ul li .picc {
    width: 100%;
    height: 60px;
}

.scroll .layout ul li .picc h5 {
    float: left;
    width: 230px;
    margin-left: 17px;
}

.scroll .layout ul li .picc h5 span {
    display: block;
    width: 100%;
    font-size: 21px;
    line-height: 21px;
    margin-bottom: 7px;
    color: #45a1db;;
}

.scroll .layout ul li .picc h5 i {
    display: block;
    width: 100%;
    font-size: 12px;
    line-height: 12px;
    color: #8f8f8f;
    text-decoration: line-through;
}

.scroll .layout ul li .picc h4 {
    float: right;
    width: 84px;
    height: 20px;
    margin-right: 22px;
    margin-top: 2px;
    text-align: center;
    border: 1px solid #45a1db;
    border-radius: 25px;
    color: #45a1db;
}

.scroll .layout ul li .picc h4 a {
    color: #45a1db;
}

.scroll .layout ul li:hover {
    background: #fff;
    -moz-box-shadow: 0px 0px 20px #333333;
    -webkit-box-shadow: 0px 0px 20px #333333;
    box-shadow: 0px 0px 20px #333333;
}

.scroll .layout ul li:after {
    content: "";
    width: 357px;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 5;
}

.scroll .layout ul li:hover:after {
    background: url(/style/images/wl4.jpg);
}

.programme {
    width: 100%;
    height: 559px;
    background: url(/style/images/back4.jpg) no-repeat;
    background-size: 100% 100%;
    display: table;
    margin-bottom: 50px;
}

.programme p {
    width: 578px;
    margin: 0 auto;
    margin-top: 362px;
    color: #333;
    font-size: 15px;
    line-height: 24px;
    text-align: center;
    margin-bottom: 21px;
}

.programme h6 {
    text-align: center;
    color: #fff;
    width: 382px;
    height: 77px;
    line-height: 77px;
    background: url(/style/images/zx8.png) no-repeat;
    margin: 0 auto;
    font-size: 29px;
}

.programme h6 a {
    color: #FFF;
}

.about {
    display: table;
    height: 1150px;
    position: relative;
}

.about h6 {
    font-size: 24px;
    line-height: 24px;
    color: #000;
    margin-bottom: 17px;
    text-align: center;
}

.about h5 {
    font-size: 17px;
    line-height: 17px;
    color: #7d7d7d;
    text-align: center;
    margin-bottom: 84px;
}

.about .about-top {
    width: 671px;
    height: 533px;
}

.about p {
    font-size: 15px;
    line-height: 24px;
    width: 380px;
    height: 200px;
    position: absolute;
    left: 0px;
    top: 358px;
    font-weight: bold;
}

.about .about-top2 {
    width: 342px;
    height: 342px;
    background: url(/style/images/zx10.png) no-repeat;
    margin-left: 109px;
    display: table;
}

.about .about-top2 a {
    display: block;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    margin-right: 31px;
    float: right;
    margin-top: 270px;
}

.about .about-top3 {
    width: 376px;
    height: 430px;
    position: absolute;
    left: 451px;
    top: 587px;
    overflow: hidden;
}

.about .about-top3 img {
    display: block;
    width: 376px;
    height: 430px;
    transition: .5s;
}

.about h4 {
    width: 353px;
    line-height: 57px;
    right: 11px;
    font-size: 17px;
    color: #fff;
    text-indent: 53px;
    background: #45a1db;
    top: 543px;
    position: absolute;
}

/*.about:hover .about-top3{
	border-radius: 25px;
	transition: .6s;
	left: 500px;
	top: 533px;
}
.about:hover .about-top3 img{
transform:scale(1.1,1.1);
}
.about:hover .about-top2{
	border-radius: 50%;
	transition: .6s;
	margin-left: 159px;
}
.about:hover .about-top2 a{
	margin-right: 100px;
	transition: .6s;
	margin-top: 150px;
	font-size: 16px;
}
.about:hover h4{
	border-radius: 30px;
	transition: .6s;
}
.about:hover h4 a{
	display: block;
	margin-left: 150px;
	transition: .6s;
}
.about:hover p{
	color: #666;
	margin-left: 30px;
	transition: .6s;
	text-indent: 25px;
	font-weight: normal;
	letter-spacing: 1px;
	top: 320px;
}*/
.fice {
    height: 170px;
    display: table;
}

.fice .fice-int {
    float: left;
    width: 33.33%;
}

.fice .fice-int h6 {
    width: 100%;
    margin-bottom: 24px;
}

.fice .fice-int h6 span {
    float: left;
    font-size: 17px;
    line-height: 17px;
}

.fice .fice-int h6 i {
    display: block;
    width: 39px;
    height: 14px;
    background: url(/style/images/zx6.png) no-repeat;
    float: right;
    background-size: 100% 100%;
    margin-right: 60px;
    text-align: center;
    color: #fff;
    line-height: 14px;
    font-size: 14px;
}

.fice .fice-int h5 {
    margin-bottom: 10px;
    height: 14px;
}

.fice .fice-int h5 span {
    float: left;
    font-size: 14px;
    line-height: 14px;
    color: #626262;
}

.fice .fice-int h5 i {
    float: right;
    font-size: 14px;
    line-height: 14px;
    color: #626262;
    margin-right: 60px;
}

.footer {
    padding-top: 35px;
    background: linear-gradient(to right, #1571aa, #1571aa);
}

.footer .top {
    height: auto;
    overflow: hidden;
    background: none;
}

.footer .top a {
    color: #f08519;
}

.footer .top .contact-us {
    width: 35%;
}

.footer .top .contact-us h3 {
    font-size: 16px;
    color: #fff;
    line-height: 3;
}

.footer .top .contact-us p {
    padding-left: 20px;
    font-size: 14px;
    color: #fff;
    line-height: 2;
}

.footer .top .contact-us p.icon1 {
    background: url(/style/images/locaotion.png) left center no-repeat;
}

.footer .top .contact-us p.icon2 {
    background: url(/style/images/tel.png) left center no-repeat;
}

.footer .top .contact-us p.icon3 {
    background: url(/style/images/phone.png) left center no-repeat;
}

.footer .top .quick h3 {
    padding: 0 15px;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    border-bottom: 1px solid #2a86f6;
}

.footer .top .quick form {
    padding: 0 15px;
}

.footer .top .quick form .row {
    margin-top: 20px;
    overflow: hidden;
    border: 1px solid #cdd5e5;
}

.footer .top .quick form .row .add-icon {
    float: left;
    width: 30px;
    height: 30px;
}

.footer .top .quick form .row input {
    float: left;
    height: 30px;
    width: 245px;
    border: none;
    outline: none;
}

.footer .top .quick form .row.submit {
    border: none;
}

.footer .top .quick form .row.submit input {
    width: 100%;
    font-size: 12px;
    color: #fff;
    background: linear-gradient(to right, #45a1db, #45a1db);
}

.footer .top .quick form .row .add-icon.add-icon-1 {
    background: #e1e5e9 url(/style/images/phone.png) center center no-repeat;
}

.footer .top .quick form .row .add-icon.add-icon-2 {
    background: #e1e5e9 url(/style/images/safe.png) center center no-repeat;
}

.footer .top .qrcode {
    padding-top: 20px;
    text-align: center;
}

.footer .top .qrcode img {
    display: block;
    max-width: 160px;
    width: 100%;
}

.footer .top .qrcode h4 {
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 3;
}

.footer .bottom {
    border-top: 1px solid #8ec2fb;
    font-size: 14px;
    color: #fff;
    line-height: 3;
}

.footer .bottom a {
    color: #fff;
}

.footer .bottom1 {
    font-size: 14px;
    color: #fff;
    line-height: 2;
}

.footer .bottom1 a {
    color: #fff;
}

/*健康百科*/
.index_last {
    margin-bottom: 30px;
    overflow: hidden;
}

.index_jiankang {
    width: 385px;
    float: left;
    margin-right: 19px;
    height: 415px;
    border: 1px solid #eee;
    background: #fff;
}

.index_jiankang ul {
    width: 100%;
    margin-top: 10px;
}

.index_jiankang ul li {
    height: 30px;
    line-height: 30px;
    background: url(../images/index_29.jpg) no-repeat 15px;
    padding-left: 20px;
    border-bottom: 1px dashed #eee;
}

.index_jiankang ul li:last-child {
    border-bottom: 0px;
}

.index_jiankang ul li a {
    color: #45a1db;
    font-size: 14px;
    padding-left: 5px;
}

.index_jiankang ul li a:hover {
    color: #00CC33;
}

.index_tijian {
    width: 385px;
    float: left;
    margin-right: 19px;
    height: 415px;
    border: 1px solid #eee;
    background: #fff;
}

.index_tijian ul {
    margin-top: 5px;
    width: 100%;
}

.index_tijian ul li {
    height: 92px;
    border-bottom: 1px dashed #eee;
}

.index_tijian ul li .fl {
    width: 94px;
    float: left;
    margin: 8px;
}

.index_tijian ul li .fr {
    float: left;
    margin: 10px 6px 10px 0px;
    width: 267px;
}

.index_tijian ul li .fr a {
    color: #45a1db;
    font-size: 14px;
    line-height: 30px;
}

.index_tijian ul li .fr p {
    line-height: 20px;
    width: 267px;
    height: 40px;
    overflow: hidden;
    color: #999;
}

.index_youshi {
    width: 385px;
    float: left;
    height: 415px;
    border: 1px solid #eee;
    background: #fff;
}

.index_youshi ul {
    margin-top: 5px;
    width: 100%;
}

.index_youshi ul li {
    height: 92px;
    border-bottom: 1px dashed #eee;
}

.index_youshi ul li .fl {
    width: 94px;
    float: left;
    margin: 8px;
}

.index_youshi ul li .fr {
    float: left;
    margin: 10px 6px 10px 0px;
    width: 267px;
}

.index_youshi ul li .fr a {
    color: #45a1db;
    font-size: 14px;
    line-height: 30px;
}

.index_youshi ul li .fr p {
    line-height: 20px;
    width: 267px;
    height: 40px;
    overflow: hidden;
    color: #999;
}

.row11 {
    display: table;
    height: 227px;
    background: #fff;
    position: relative;
    z-index: 12;
    width: 1200px;
}

.row11 ul {
    width: 100%;
    display: table;
    margin-top: 10px;
}

.row11 ul li {
    width: 295px;
    height: 205px;
    float: left;

}

.row11 ul li h3 {
    height: 54px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
}

.row11 ul li h3 small {
    color: #666;
    font-size: 14px;
    font-weight: normal
}

.row12 {
    display: table;
    height: 227px;
    position: relative;
    z-index: 12;
    width: 1200px;
}

.row12 ul {
    width: 100%;
    display: table;
    margin-top: 10px;
}

.row12 ul li {
    width: 295px;
    height: 205px;
    float: left;

}

.row12 ul li h3 {
    height: 54px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
}

.row12 ul li h3 small {
    color: #666;
    font-size: 14px;
    font-weight: normal
}

.headTop {
    width: 100%;
    height: 32px;
    background: #f1f1f1;
}

.headMain {
    width: 1200px;
    height: 32px;
    margin: 0px auto;
    position: relative;
    z-index: 99;
    min-width: 1200px;
}

.headMain h1 {
    font-size: 14px;
    color: #707070;
    line-height: 32px;
    float: left; /* margin-left:34px; */
}

.headMain ul {
    position: absolute;
}

.headMain ul li {
    float: left;
    line-height: 32px;
}

.headMain ul li a {
    font-size: 14px;
    color: #707070;
}

.headMain ul.headLeft {
    left: 185px;
}

.headMain ul.headLeft .tabCity {
    margin-left: 5px;
    height: 26px;
    margin-top: 3px;
    position: relative;
    width: 130px;
}

.headMain ul.headLeft .tabCity select {
    width: 120px;
    height: 26px;
    border-radius: 5px;
}

.headMain ul.headLeft a {
    padding-left: 20px;
}

.headMain ul.headLeft .weibo a {
    background: url(../images/iocI_1.png) no-repeat 0px 4px;
}

.headMain ul.headLeft .weixin a {
    background: url(../images/iocI_1.png) no-repeat 0px -14px;
    margin-left: 26px;
}

.headMain ul.headLeft .weixin div {
    width: 132px;
    height: 139px;
    background: url(../images/weixin.jpg) no-repeat;
    position: relative;
    z-index: 999;
    display: none;
}

.headMain ul.headLeft .weixin:hover div {
    display: block;
}

.headMain ul.headLeft .weibo:hover a {
    background: url(../images/iocI_1hov.png) no-repeat 0px 4px;
    color: #45a1db;
}

.headMain ul.headLeft .weixin:hover a {
    background: url(../images/iocI_1hov.png) no-repeat 0px -14px;
    color: #45a1db;
}

.headMain ul.headRight {
    right: 0px;
}

.headMain ul.headRight li {
    background: url(../images/iocI_1.png) no-repeat 3px -33px;
    height: 24px;
    margin-top: 5px;
    padding-left: 20px;
    line-height: 22px;
}

.headMain ul.headRight li.first {
    background: none;
}

.headMain ul.headRight li:hover a {
    color: #45a1db;
}

.headMain ul.headRight li.sjcbg .sjcsss {
    display: none;
    position: absolute;
    margin-top: 4px;
    margin-left: -17px;
}

.headMain ul.headRight li.sjcbg:hover .sjcsss {
    display: block
}

.about2 {
    display: table;
    margin-bottom: 40px;

}

.about2 .about2-lft {
    float: left;
    height: 600px;
    width: 195px;
    background: url(/style/images/zx13.png) left top no-repeat;
    margin-top: -120px;
    position: relative;
    z-index: 1;
}

.about2 .about2-lft h6 {
    width: 182px;
    height: 60px;
    margin-left: 13px;
    position: relative;
    z-index: 1;
    font-size: 17px;
    line-height: 60px;
    text-indent: 39px;
}

.about2 .about2-lft h6:after {
    content: "";
    width: 195px;
    height: 60px;
    position: absolute;
    top: 0px;
    left: -13px;
    z-index: -1;
}

.about2 .about2-lft h6:hover:after {
    background: url(/style/images/wl1.jpg);
}

.about2 .about2-lft h6:hover {
    color: #fff;
}

.about2 .about2-lft .wl3 {
    margin-top: 90px;
}

.about2 .about2-rig {
    width: 936px;
    float: right;
    display: table;
}

.about2 .about2-rig h6 {
    width: 100%;
    height: 43px;
    border-bottom: 1px solid #8f8f8f;
    display: table;
    margin-bottom: 23px;
    margin-top: 27px;
}

.about2 .about2-rig h6 span {
    display: block;
    width: 100%;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    margin-top: 27px;
    margin-bottom: 16px;
}

.about2 .about2-rig h6 i {
    display: block;
    width: 100%;
    font-size: 20px;
    color: #7d7d7d;
    line-height: 17px;
    font-weight: bold;
    text-align: center;
}

.about2 .about2-rig p {
    font-size: 16px;
    margin-bottom: 10px;
    text-indent: 34px;
    color: #555;
    line-height: 30px;
}

.about2 .about2-rig img {
    margin-bottom: 35px;
}

.about2 .about2-rig h5 {
    font-size: 19px;
    line-height: 19px;
    color: #000;
    text-indent: 34px;
    margin-bottom: 7px;
}

.about_fr_content {
    padding: 5px 45px 45px 45px;
    overflow: hidden;
}

.about_fr_content h6 {

    width: 100%;
    height: 43px;
    border-bottom: 1px solid #8f8f8f;
    display: table;
    margin-bottom: 23px;
    margin-top: 27px;

}

.about_fr_content1 h6 {

    width: 100%;
    height: 43px;
    border-bottom: 1px solid #8f8f8f;
    display: table;
    margin-bottom: 23px;
    margin-top: 27px;

}

.about_fr_content h6 span {
    display: block;
    width: 100%;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    margin-top: 27px;
    margin-bottom: 16px;
}

.about_fr_content h6 i {
    display: block;
    width: 100%;
    font-size: 20px;
    color: #7d7d7d;
    line-height: 17px;
    font-weight: bold;
    text-align: center;

}

.about_fr_content1 h6 i {
    display: block;
    width: 100%;
    font-size: 20px;
    color: #7d7d7d;
    line-height: 17px;
    font-weight: bold;
    text-align: center;

}

.about_fr_content h3 {
    color: #fe8d06;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}

.about_fr_content p {
    color: #7B7B7B;
    font-size: 14px;
    text-indent: 0em;
    line-height: 26px;
    letter-spacing: 1px;
}

.about_ditu {
    width: 795px;
    margin: 0px auto;
    padding-top: 15px;
}

.about_fr_content h2 {
    color: #141414;
    font-size: 16px;
    line-height: 40px;
    font-weight: bold;
}

.about_fr_content ul {
    height: auto;
    overflow: hidden;
}

.about_fr_content ul li {
    float: left;
    margin-bottom: 25px;
    width: 365px;
    margin-left: 26px;
    text-align: center;
}

.about_fr_content1 {
    padding: 5px 45px 45px 45px;
    overflow: hidden;
}

.about_fr_content1 ul {
    height: auto;
    overflow: hidden;
}

.about_fr_content1 ul li {
    float: left;
    margin-bottom: 25px;
    width: 225px;
    margin-left: 26px;
    text-align: center;
}

.recruit_fl {
    width: 620px;
    float: left;
    margin-right: 60px;
}

.recruit_fr {
    width: 75px;
    float: left;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #45a1db;
    border-radius: 3px;
    margin-right: 60px; /*margin-top: 90px;*/
}

.recruit_fr a {
    color: #fff;
    font-size: 15px;
}

.recruit_renshu {
    background-color: #fff;
    height: 28px;
    padding: 4px 30px;
    font-size: 15px;
    color: #141414;
    margin-bottom: 5px;
    margin-top: 5px;
}

.recruit_renshu a {
    color: #666;
}

.tg_pages {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 406px;
    color: #333;
}

.tg_pages li {
    display: inline;
    line-height: 22px;
}

.tg_pages li a {
    margin-right: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #45a1db;
    background-color: #45a1db;
    color: #fff;
    border-radius: 30px;
}

.tg_pages li a:hover {
    margin-right: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #4C4C4C;
    background-color: #4C4C4C;
    color: #fff;
    border-radius: 30px;
}

.thisclass {
    margin-right: 8px;
}

.text-center {
    text-align: center;
    font-size: 25px;
    margin-top: 40px;
    margin-bottom: 10px;
}

.soften {
    height: 1px;
    /*margin: 70px 0;*/
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    border: 0;
}

.wl12 {
    width: 100%;
    margin-bottom: 25px;
    height: 370px;
}

.wl12 img {
    display: block;
    width: 100%;
    height: 100%;
}

.wl13 {
    width: 1200px;
    margin-bottom: 25px;

}

.wl13 img {
    display: block;
    width: 1200px;
    height: 100%;
    text-align: center;
}

.sign {
    width: 100%;
    height: 550px;
    background: #eeeeee;
    display: table;
}

.sign .sign-lft {
    width: 450px;
    height: 380px;
    background: #fff;
    float: left;
    margin-left: 162px;
    margin-top: 34px;
    display: table;
}

.sign .sign-lft p {
    width: 420px;
    height: 31px;
    margin: 0 auto;
    background: url(/style/images/wl9.jpg) bottom left no-repeat;
    margin-top: 17px;
    margin-bottom: 29px;
}

.sign .sign-lft p span {
    text-align: center;
    color: #5d5d5d;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    line-height: 30px;
    width: 127px;
    display: block;
    float: left;
}

.sign .sign-lft p .acti3 {
    color: #fff;
    background: url(/style/images/wl1.jpg) no-repeat;
    background-size: 100% 100%;
}

.sign .sign-lft div {
    width: 389px;
    height: 265px;
}

.sign .sign-lft div h6 {
    margin-bottom: 35px;
    height: 38px;
    border: 1px solid #e1e5e9;
}

.sign .sign-lft div h6 span {
    display: block;
    width: 42px;
    height: 38px;
    background: #e1e5e9;
    float: left;
}

.sign .sign-lft div h6 .sp3 img {
    display: block;
    margin: 0 auto;
    width: 17px;
    height: 23px;
    margin-top: 7px;
}

.sign .sign-lft div h6 .sp4 img {
    display: block;
    margin: 0 auto;
    width: 17px;
    height: 21px;
    margin-top: 8px;
}

.sign .sign-lft div h6 input {
    float: left;
    border: none;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    color: #4e4f4f;
}

.sign .sign-lft div h6 .inp1 {
    width: 237px;
}

.sign .sign-lft div h6 .inp2 {
    width: 108px;
    text-align: center;

}

.sign .sign-lft div h6 .inp3 {
    width: 345px;
}

.sign .sign-lft div h5 {
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    color: #444;
    margin-bottom: 19px;
}

.sign .sign-lft div h4 {
    width: 100%;
    height: 48px;
    background: url(/style/images/wl1.jpg) no-repeat;
    background-size: 100% 100%;
}

.sign .sign-lft div h4 input {
    text-align: center;
    line-height: 48px;
    height: 48px;
    border: none;
    width: 100%;
    background: none;
    font-size: 17px;
    color: #fff;
    letter-spacing: 1px;
}

.sign .sign-rig {
    width: 450px;
    height: 380px;
    background: #fff;
    float: left;
    margin-left: 27px;
    margin-top: 34px;
    display: table;
}

.sign .sign-rig p {
    width: 420px;
    height: 30px;
    margin: 0 auto;
    margin-top: 17px;
    margin-bottom: 29px;
    border-bottom: 1px solid #cecece;
}

.sign .sign-rig p span {
    color: #fff;
    background: url(/style/images/wl1.jpg) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    line-height: 30px;
    width: 157px;
    display: block;
    float: left;
}

.sign .sign-rig h6 {
    width: 210px;
    float: left;

    text-align: center;
}

.sign .sign-rig h6 img {
    margin-bottom: 27px;
}

.sign .sign-rig h6 span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 17px;
    line-height: 21px;
    color: #373837;
}

.position {
    width: 100%;
    height: 134px;
    background: url(/style/images/zx8.jpg) no-repeat;
    margin-bottom: 106px;
    display: table;
}

.lead {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.4;
    text-align: center;
}

.btn-primary {
    color: #fff;
    background-color: #594338;
    color: #594338;
    background-color: transparent;
    border-color: #594338;
    text-align: center;
}

.btn-primary:focus {
    color: #fff;
    background-color: #402d23;
    border-color: #594338;
}

.btn-primary:active {
    color: #fff;
    background-color: #402d23 !important;
    border-color: #594338 !important;
}

.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
.btn-primary.disabled.active,
.btn-primary[disabled].active {
    background-color: #402d23 !important;
    border-color: #594338 !important;
}

.btn-primary-option {
    color: #e83747;
    background-color: #fff;
    border-color: #ccc;
}

.btn-primary-option:hover {
    color: #fff;
    background-color: #cc1d2d;
    border-color: #e83747;
}

.btn-primary-option.active {
    color: #fff;
    background-color: #cc1d2d;
    border-color: #e83747;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;

}

.knowledge {
    display: table;
    margin-bottom: 200px;
}

.knowledge .knowledge-lft {
    float: left;
    width: 905px;
    display: table;
}

.knowledge .knowledge-lft h6 {
    width: 100%;
    height: 125px;
}

.knowledge .knowledge-lft h6 span {
    display: block;
    width: 100%;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 16px;
}

.knowledge .knowledge-lft h6 i {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    color: #7d7d7d;
}

.knowledge .knowledge-lft .shiux {
    height: 271px;
    margin-left: 34px;
    width: 872px;
    border-bottom: 1px solid #707070;
    margin-bottom: 42px;
}

.knowledge .knowledge-lft .shiux div {
    width: 100%;
    height: 120px;
}

.knowledge .knowledge-lft .shiux div h5 {
    width: 600px;
    float: left;
    margin-left: 17px;
    font-size: 19px;
    line-height: 19px;
    margin-top: 4px;
    font-weight: bold;
    margin-bottom: 23px;
}

.knowledge .knowledge-lft .shiux div h4 {
    width: 600px;
    float: left;
    margin-left: 17px;
}

.knowledge .knowledge-lft .shiux div h4 span {
    width: 100%;
    display: block;
    font-size: 13px;
    line-height: 13px;
    color: #000;
    margin-bottom: 15px;
}

.knowledge .knowledge-lft .shiux div h4 i {
    display: block;
    width: 56px;
    height: 1px;
    background: #707070;
}

.knowledge .knowledge-lft .shiux div img {
    float: right;
    margin-right: 37px;
    margin-top: -46px;
}

.knowledge .knowledge-lft .shiux p {
    width: 810px;
    font-size: 15px;
    line-height: 30px;
    color: #858585;
    text-indent: 33px;
    margin-left: 17px;
}

.knowledge .knowledge-lft .shiuxn1 {
    min-width: 100px;
    display: table;
    height: 42px;
}

.knowledge .knowledge-lft .shiuxn1 span {
    display: block;
    float: left;
    height: 42px;
    width: 42px;
    line-height: 42px;
    font-size: 13px;
    text-align: center;
    color: #767777;
    margin-right: 25px;
}

.knowledge .knowledge-lft .shiuxn1 span:hover {
    background: url(/style/images/zx16.png) no-repeat;
    color: #fff;
}

.knowledge .knowledge-lft .shiuxn1 .sp5 {
    background: url(/style/images/zx16.png) no-repeat;
    color: #fff;
}

.knowledge .knowledge-lft .shiuxn1 .sp6 {
    margin-right: 0;
}

.knowledge .knowledge-lft .shiuxn1 .sp7:hover {
    background: none;
    color: #767777;
}

.knowledge .knowledge-lft .shiuxn1 img {
    margin-top: 20px;
}

.knowledge .knowledge-rig {
    float: right;
    width: 196px;
    height: 532px;
    background: url(/style/images/zx13.png) right top no-repeat;
    margin-top: -109px;
}

.knowledge .knowledge-rig h6 {
    width: 184px;
    height: 70px;
    text-indent: 72px;
    font-size: 17px;
    line-height: 70px;
    position: relative;
    z-index: 1;
}

.knowledge .knowledge-rig h6:after {
    content: "";
    width: 195px;
    height: 70px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
}

.knowledge .knowledge-rig h6:hover:after {
    background: url(/style/images/wl1.jpg);
}

.knowledge .knowledge-rig h6:hover {
    color: #fff;
}

.knowledge .knowledge-rig .wl4 {
    margin-top: 120px;
}

.copy {
    display: table;
    margin-bottom: 60px;

}

.copyl {
    display: table;
    margin-bottom: 60px;
    width: 840px;
    float: left;
    margin-left: 30px;
    margin-right: 30px;
}

.copyr {
    display: table;
    margin-bottom: 60px;
    width: 280px;
}

.commend {
    display: table;
    margin-bottom: 20px;
    width: 280px;
}

.commend h2 {
    width: 280px;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    padding-left: 10px;
    color: #555;
    border-bottom: 1px solid #ededed;
    background: #eee;
}

.commend .d4 {
    font-size: 13px;
    height: 28px;
    line-height: 30px;
    padding-left: 10px;
    color: #555;
}

.copyl h6 {
    width: 100%;
    height: 75px;
    text-align: center;
    border-bottom: 1px solid #CCC;
    margin-bottom: 16px;
    margin-top: 16px;
}

.copyl h6 span {
    display: block;
    width: 100%;
    font-size: 28px;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #555;
}

.copyl h6 i {
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 15px;
    color: #7d7d7d;
}

.copyl p {
    font-size: 15px;
    line-height: 31px;
    color: #444;
    text-indent: 2em;
}

.map {
    display: table;
    margin-bottom: 200px;
}

.map h6 {
    width: 100%;
    height: 77px;
}

.map h6 span {
    display: block;
    width: 100%;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 16px;
}

.map h6 i {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    color: #7d7d7d;
}

.map div {
    width: 1072px;
    height: 560px;
    border: 8px solid #37b0fc;
}

.contact {
    display: table;
    margin-bottom: 200px;
}

.contact h6 {
    width: 100%;
    height: 125px;
    float: left;
}

.contact h6 span {
    display: block;
    width: 100%;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 16px;
}

.contact h6 i {
    display: block;
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    color: #7d7d7d;
}

.contact .contact-lft {
    float: left;
    width: 591px;
    margin-right: 33px;
    height: 340px;
    display: table;
    border-bottom: 1px solid #bbb;
}

.contact .contact-lft h5 {
    margin-left: 17px;
    font-size: 20px;
    margin-top: 4px;
    margin-top: 21px;
    line-height: 20px;
    margin-bottom: 22px;
    font-weight: bold;
}

.contact .contact-lft h4 {
    margin-left: 17px;
    width: 260px;
    margin-bottom: 44px;
}

.contact .contact-lft h4 span {
    display: block;
    width: 100%;
    margin-bottom: 14px;
    font-size: 15px;
    line-height: 15px;
}

.contact .contact-lft h4 i {
    display: block;
    height: 1px;
    width: 56px;
    background: #707070;
}

.contact .contact-lft p {
    margin-left: 17px;
    font-size: 16px;
    line-height: 30px;
    color: #858585;
    margin-bottom: 23px;
}

.contact .contact-lft h3 {
    margin-left: 17px;
    font-size: 16px;
    line-height: 28px;
    color: #000;
}

.contact .contact-rig {
    float: right;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
}

.navi dl {
    list-style: none;
    margin-top: 0px;
    margin-bottom: 0;
    margin-left: -10px;
    background-color: #45a1db;
    z-index: 9999;
}

.navi dl li {
    font-size: 15px;
    float: left;
    margin-left: 0px;
    line-height: 37px;
    width: 100px;
    text-align: center;
    font-weight: 680;
}

.navi dl li a {
    text-decoration: none;
    outline: none;
    color: #fff;
}

.navi_menu {
    line-height: 145px;
    font-weight: 700;
    text-transform: uppercase;

}

.navi_menu-item {
    display: inline-block;
    position: relative;

}

.navi_menu-item:hover {

}

.navi_menu-item:hover .navi_submenu {
    display: block;
}

.navi_submenu {
    font-weight: 300;
    text-transform: none;
    display: none;
    position: absolute;
    width: 100px;
    margin-left: -10px;
    z-index: 100;
    list-style: none;
    margin-top: 0px;
    margin-bottom: 0;
    background-color: #45a1db;
}

.navi_submenu-item1 a {
    font-size: 15px;
    float: left;
    margin-left: -35px;
    line-height: 37px;
    width: 100px;
    text-align: center;
    font-weight: 680;
    text-decoration: none;
    outline: none;
    color: #fff;
}

.navi_submenu-item1 a:hover {
    width: 100px;

    background: rgba(0, 0, 0, 0.1);
}

.navi_submenu-item:hover {

    background: rgba(0, 0, 0, 0.1);
}

.divider {
    height: 1px;
    margin: 3px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.b-order-form input, .photo_bottom {
    font-family: "Microsoft YaHei"
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input {
    border: none
}

::selection {
    background-color: #ff9c00;
    color: #fff
}

.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

.mb15 {
    margin-bottom: 15px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.mt15 {
    margin-top: 15px
}

.mt25 {
    margin-top: 25px
}

.header-wrap, .w1000, .w1220 {
    margin: 0 auto
}

.w1220 {
    width: 1220px
}

.w1000 {
    width: 1000px
}

.photo_bg, .photo_bottom {
    height: 102px;
    width: 100%;
    bottom: 0
}

.cur-page {
    margin-bottom: 15px;
    color: #999
}

.cur-page a {
    font-size: 14px;
    color: #666
}

.cur-page a:hover {
    color: #ff9c00
}

.photo_bottom {
    left: 100%;
    min-width: 1220px;
    position: fixed;
    z-index: 9999999
}

.photo_bg {
    background: #000;
    left: 0;
    opacity: .7;
    position: absolute;
    z-index: -1
}

.photo_bottom .w1220 {
    height: 120px;
    margin: 0 auto;
    position: relative;
    top: -17px;
    width: 1220px
}

.b-order-form ul {
    float: left;
    height: 100px;
    list-style: none;
    margin-top: 26px;
    opacity: .9
}

.b-order-form li {
    height: 30px;
    width: 250px;
    margin-top: 10px
}

.b-order-form input {
    border: none;
    color: #666;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 16px;
    outline: 0;
    padding: 5px 0;
    text-indent: 10px;
    width: 250px;
    height: 20px
}

.b-order-form label {
    color: #eee;
    display: block;
    float: left;
    font-size: 16px;
    height: 35px;
    margin-top: 0;
    width: 260px
}

.b-order-form label b {
    color: #f4d025;
    font-size: 24px;
    font-weight: 400
}

.b-order-form .inpt-tel {
    width: 140px
}

.b-order-form input.photo_btn {
    background: #ff6547;
    color: #fff;
    cursor: pointer;
    text-indent: 0;
    width: 100px;
    margin-left: 10px;
    height: 30px
}

.photo_bottom dl {
    margin-left: 24px;
    text-align: center
}

.photo_err i {
    background: url(http://i.tbscache.com/tbs/img/common/photo_icon.png) left top;
    display: inline-block;
    height: 14px;
    margin-right: 5px;
    margin-top: -3px;
    width: 14px
}

.photo_err {
    display: none;
    font-size: 12px;
    height: 35px;
    line-height: 35px
}

.photo_cosle {
    background: url(http://aliyun.tbscache.com/res/impression/images/photopic_colse.png?v=1);
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 30px;
    width: 20px
}

.new_version {
    display: block;
    float: left;
    height: 155px;
    position: relative;
    width: 800px
}

.new_version img {
    text-align: center;
    position: absolute;
    top: 0
}

.kt-version img {
    top: -5px
}

.index-version img {
    top: -8px
}

.sq-version img {
    top: -10px
}

.photo_bottom .order-form {
    width: 250px
}

.xgt-version img {
    width: 780px;
    top: -10px
}

.photo_bottom .renma {
    color: #fff;
    float: left;
    font-size: 14px;
    line-height: 30px;
    margin-left: 30px;
    padding-top: 10px
}

.photo_bottom dd {
    margin-top: 5px;
    font-size: 10px;
    color: #fff
}

.photo_bottom_kai {
    background: url(http://aliyun.tbscache.com/res/impression/images/photo_bottom_07f.png) center top;
    bottom: 36px;
    cursor: pointer;
    height: 110px;
    left: -160px;
    position: fixed;
    width: 160px;
    z-index: 9999
}

.photo_bottom .xiazaiht {
    background: red;
    display: block;
    height: 30px;
    left: 247px;
    opacity: 0;
    position: absolute;
    top: 114px;
    width: 240px;
    z-index: 999999999
}

.photo_bottom .zinbb {
    position: relative;
    z-index: -1
}

.popup-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99998;
    background-color: rgba(0, 0, 0, .7)
}

.popup-wrap {
    position: fixed;
    width: 460px;
    height: 180px;
    top: 50%;
    left: 50%;
    margin-top: -90px;
    margin-left: -230px;
    padding: 20px;
    background-color: #fff;
    z-index: 99999
}

.popup-top {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #E4E4E4;
    text-align: left;
    font-size: 16px;
    color: #787A80
}

.popup-btn, .popup-btns, .popup-tips {
    text-align: center
}

.popup-top span {
    color: #000
}

.popup-top .popup-close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    width: 18px;
    height: 18px;
    background: url(http://i.tbscache.com/res/impression/images/collect_closeb.png?v=11111) no-repeat;
    cursor: pointer
}

.popup-top .popup-close-btn:hover {
    background-position: 0 -35px
}

.popup-tips {
    margin: 30px 0;
    font-size: 16px
}

.popup-tips div {
    color: #787A80
}

.popup-btns {
    width: 301px;
    margin: 0 auto
}

.popup-btn {
    width: 140px;
    height: 40px;
    margin-right: 10px;
    font-size: 14px;
    line-height: 40px;
    border: 0;
    background-color: #F2F2F2;
    color: #333;
    cursor: pointer
}

.popup-btn:hover {
    background-color: #E4E4E4
}

.popup-ok-btn {
    background-color: #ff9c00;
    color: #fff
}

.popup-ok-btn:hover {
    background-color: #FB3E2F
}
